.header {
    width: 100%;
}

.head-nav .container {
    overflow: visible;

}

.header .head-bj {


    background: rgba(255, 255, 255, 0.8);
}

.header .logo {
    display: block;
    line-height: 100px;

    float: left;

}

.header .logo img {
    display: inline;
    width: auto;

}

.nav-pc {
    float: right;
   
}

.nav-pc .navbar {
    width: 100%;
    text-align: center;
  vertical-align: middle;
  

}

.nav-pc .nav-item {
    display: inline-block;
    position: relative;
   
}

.nav-pc .nav-link {
    display: block;
    line-height: 100px;
    text-align: center;
    font-size: 1.6rem;
    vertical-align: middle;
    padding:0 15px;
    position: relative;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;




}



.nav-pc a.nav-link:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    display: block;
    width: 0;
    height: 8px;
    content: '';
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    background: #fff;
}
.nav-pc a.hover,
.nav-pc a:hover{
    color: #169395;
}
.nav-pc a.hover:before,
.nav-pc a:hover:before {
    width: 100%;
}

.nav-pc .uls2 {
    width: 100%;
    position: absolute;
    left: 0;
    top: 54px;
    background: rgba(0, 0, 0, .3);
 /*   padding-top: 14px;
    padding-bottom: 5px;*/
    display: none;
    z-index: 2000;
}

.nav-pc .uls2 a {
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 1.4rem;
    color: #fff;
    margin-right: -1px;
    /*background: url(../images/nav-icon.jpg) no-repeat center right;*/
    position: relative;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}


.nav-pc .uls2 a.novlink:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    display: block;
    width: 0;
    height: 1px;
    content: '';
    -webkit-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;
    background: #e70012;
}

.nav-pc .uls2 a:hover:before {
    width: 100%;
}






.nav_button {
    overflow: hidden;
    width: 23px;

    position: relative;

    z-index: 999;
    display: none;
}

.nav_button .nav_bar {
    width: 23px;
    height: 2px;
    display: block;
    margin: 5px 0;
    background: #000;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.nav_button .mid {
    width: 18px;
}

.nav_button.animate .nav_bar {
    background: #949494;
}

.nav_button.animate .top {
    -webkit-transform: translateY(6px) rotate(45deg);
    -ms-transform: translateY(6px) rotate(45deg);
    -o-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
}

.nav_button.animate .mid {
    width: 0;
}

.nav_button.animate .bottom {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    -o-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}


/*nav for mobile*/
.nav_m {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: #2e2929;
    z-index: 998;
    overflow: hidden;
    overflow-y: scroll;
    padding: 0 15px;
}

.nav_m .head-wap {
    position: fixed;
    height: 60px;
    top: 0;
    /*background: #2e2929;*/
    width: 100%;
    max-width: 768px;
    margin-left: -15px;
    z-index: 999;
}

.nav_m .logo {
    width: 134px;
    display: block;
    float: left;
    margin-top: 10px;
}

.nav_m .logo img {
    width: 100%;
    display: block;
}

.nav_m .menu {
    min-height: 100%;
    margin-top: 64px;
    padding-bottom: 60px;
}

.nav_m .main_item {
    overflow: hidden;
    border-bottom: 1px solid #5a5a5a;
    opacity: 0;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.nav_m .main_item:nth-child(2) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}

.nav_m .main_item:nth-child(3) {
    -webkit-transition-delay: 160ms;
    transition-delay: 160ms;
}

.nav_m .main_item:nth-child(4) {
    -webkit-transition-delay: 240ms;
    transition-delay: 240ms;
}

.nav_m .main_item:nth-child(5) {
    -webkit-transition-delay: 360ms;
    transition-delay: 360ms;
}

.nav_m .main_item:nth-child(6) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.nav_m .main_item:nth-child(7) {
    -webkit-transition-delay: 480ms;
    transition-delay: 480ms;
}

.nav_m .main_item:nth-child(8) {
    -webkit-transition-delay: 560ms;
    transition-delay: 560ms;
}

.nav_m .main_item:nth-child(9) {
    -webkit-transition-delay: 640ms;
    transition-delay: 640ms;
}

.nav_m .main_item:nth-child(10) {
    -webkit-transition-delay: 720ms;
    transition-delay: 720ms;
}

.nav_m .main_item>a {
    display: block;
    line-height: 48px;
    font-size: 14px;
    color: #ccc;
    background: url('../images/public/plus.png') 98% center no-repeat;
    background-size: 12px;
}

.nav_m .menu.show .main_item {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.nav_m .on {
    border: none;
    height: auto;
}

.nav_m .on>a {
    background-image: url('../images/public/minus.png');
}

.nav_m .link>a {
    background-image: url('../images/public/arrow.png');
}

.drop_list {
    display: none;
}

.drop_list a {
    display: block;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #5a5a5a;
    text-indent: 20px;
    height: 42px;
    line-height: 42px;
}


/* 首页公共头部 */
.index_type{
    padding-top: 4%;
}
.index_type .type_tit{
    text-align: center;
   padding: 16px 0;
    
}
.index_type .type_tit h1{
    display: inline-block;
    font-size: 3rem;
  
     vertical-align: middle;
}
.index_type .type_tit i{
    display: inline-block;
    margin:0 28px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
     vertical-align: middle;
    background-color: #169395;
}
.index_type .sum{
    text-align: center;
    color: #cccccc;
    line-height: 24px;
}
.index_ab .ab_main{
    position: relative;
    
  margin-top: 4%;
    
}


.index_ab .ab_img{
   
    max-width: 690px;
}
.index_ab .ab_cont{
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -205px;
   padding:50px 90px;
    max-width:810px;
    width: 100%;
    background-color: #169395;
}


.index_ab .ab_cont .ab_sum{
    opacity: 0.6;
    line-height: 24px;
    padding: 7% 0;
    color: #fff;
}


div.more{

    width: 150px;
    line-height: 40px;
    text-align: center;
    color: #fff;
     -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
    
    background: rgba(255,255,255,0.2);
}
div.more p{
    color: #fff;
    background: url(../images/more_icon.png) no-repeat 118px center;
}
div.more:hover{
    box-shadow: 0 0 5px #ccc;
}



.index_pro ul{
    
    margin:0 -15px;
    margin-top: 2%;
}
.index_pro ul li{
    margin: 0.5% 0;
    padding:0 15px;
    
    
}

.index_pro ul a{
    display: block;
    padding: 10% 0;
    text-align: center;
    background-color: #f2f2f2;
    
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    
}
.index_pro ul .img{
    display: inline-block;
    overflow: hidden;
   
}

.index_pro ul .img img{
     -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.index_pro ul p{
    padding: 2% 0;
    font-size: 2rem;
    background: url(../images/pro_tit_icon.jpg) no-repeat center bottom;
}



.index_pro ul a:hover img {

    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);

}
/* 生产保障能力 */

.index_equ ul.col8 a{
  display: table;
}

.index_equ ul.col8{
    max-width: 900px;
    }
.index_equ ul.col8 .img{
    display: table-cell;
    vertical-align: middle;
    max-width: 450px;
}
.index_equ ul .equ_main{
    display: table-cell;
    max-width: 450px;
    padding: 56px;
    padding-bottom: 0;
    background-color: #f2f2f2;
}

.index_equ ul h2{

    font-size: 2rem;
    line-height: 52px;

    background: url(../images/pro_tit_icon.jpg) no-repeat left bottom;
}
.index_equ ul .sum{
    line-height: 24px;
    color: #666666;
    padding-top: 4%;
}

.equ_ul{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.index_equ .index_type{
    margin-bottom: 4%;
}
.equ_ul ul{
    align-self:auto;
    
    /*background-color: #f2f2f2;*/
}
.equ_ul li{
    margin-bottom: 2%;
}


.equ_ul  .col4 .equ_main{
    padding:42px 54px;
}

.index_honor{
   background: url(../images/honor_bj2.jpg) no-repeat center;
}



/* 首页荣誉资质 */

.index_honor{
    margin-top: 6%;
}
.index_honor .rvc{
    padding: 4% 6%;
    background-color: #fff;
    margin-top: 3%;
}
.index_honor .honor_main{
    background-color: #fff;
    max-width: 960px;
    float: right;
    padding: 2% 5%;
    max-height: 720px;
    margin-bottom: 18%;
}

.index_honor .type_tit h1{
    
}

.index_honor .sum{
    max-width: 624px;
    width: 100%;
    margin: 0 auto;
}


.index_honor .news_more {
    display: block;
    text-align: center;
    background-color: #169395;
    color: #fff;
    margin: 4% auto;
    width: 210px;
    line-height: 56px;
    transition: all ease-in-out 0.3s;
}



.honor_main ul{
    margin:3% -15px;
}
.honor_main ul li{
    padding:0 15px;
}

.honor_main ul img{
    width: 210px;
    margin: 0 auto;
}




.index_news .sec_nav ul{
    text-align: center;
    margin: 1% 0;
}

.index_news .sec_nav li{
    display: inline-block;
    padding:0 0;
}
.index_news .sec_nav li a{
    display: block;
    text-align: center;
    border:1px solid #ccc;
    line-height: 30px;
    /*background-color: #747981;*/
    margin: 0 10px;
    padding:0 30px;
    font-size: 16px;
  
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}

.index_news .sec_nav li a:hover{
    background-color: #169395;
    color: #fff;
}



.index_news ul{
   margin:3% -15px; 
}

.index_news ul li{
    padding:0 15px;
}

.index_news ul .img{
    overflow: hidden;
    
}
.index_news ul img{
     -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.index_news ul .case_main{
    padding:6% 3%;
}
.index_news ul h2{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.8rem;

}

.index_news ul .info{
    color: #999999;
    line-height: 24px;
    padding: 3% 0;
}

.index_news ul .time{
    background: url(../images/news_icon.png) no-repeat center right;
}

.index_news .news_more{
    display: block;
    text-align: center;
    background-color: #169395;
    color: #fff;
    margin: 4% auto;
    width: 210px;
    line-height: 56px;
    transition: all ease-in-out 0.3s;
}
.index_news .news_more:hover{
    box-shadow: 0 0 10px #169395;
}
.index_news ul a:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    
}
.index_news ul a:hover h2{
    color: #169395;
}



.index_partner{
    background-color: #169395;
    padding: 4% 0;
}
.index_partner li{
    margin: 2% 0;
}
.index_partner li .img{
    text-align: center;
    
}
.index_partner li img{
    display: inline-block;
}

.footer{
    background-color: #3f3f3f;
    padding: 4% 0;
}
.footer_pc{
    overflow: hidden;
    
}
.footer_pc ul{
    text-align: left;
    float: left;
    
}
.footer_pc ul li{
    display: inline-block;
}
.footer_pc ul a{
    display: block;
    color: #fff;
    padding:0 20px;
}
.footer_pc .qd_img{
    max-width: 170px;
    float: right;
    
}

.foo_bottom .leave{
    display: block;
    width: 210px;
    line-height: 56px;
    color: #fff;
    text-indent: 2em;

    background: rgba(255,255,255,0.1);
background-image: url(../images/news_icon.png);
background-repeat: no-repeat;
background-position-y: center;
-ms-background-position-x: 170px;
background-position-x: 170px;
}

.foo_bottom .bo_info{
    padding-top: 4%;
    overflow: hidden;
    
}

.foo_bottom .bo_info span{
    display: inline-block;
    float: left;
    color: #fff;
    opacity: 0.2;
    line-height: 24px;
}

.foo_bottom .bo_info p{
    float: right;
    
}
.foo_bottom .bo_info a{
    display: inline-block;
    color: #fff;
    opacity: 0.2;
    line-height: 24px;
}
.foo_bottom .bo_info i{
    display: inline-block;
    width: 1px;
    line-height: 24px;
    color: #fff;
    opacity: 0.2;
    font-style: normal;
    padding:0 10px;
}


#products {
    padding: 4% 0;
}


#products .clearfix{
    margin:0 -15px;
}

#products figure{
    padding:0 15px;
    margin-bottom: 3%;
}
#products figure .img{
    background-color: #f2f2f2;
    text-align: center;
    padding: 10% 0;
}

#products figure .img img{
    display: inline-block;
}

#products figure figcaption{
    text-align: center;
    line-height: 64px;
    color: #fff;
    background-color: #169395;
}



.product_read {
    padding: 4% 0;
}

.product_read .read_top .img{
    background-color: #f2f2f2;
     text-align: center;
    padding: 10% 0;
    max-width: 690px;
    float: left;
    width: 100%;
    
}

.product_read .read_top .img img{
    display: inline-block;
}

.product_read .read_top .read_tit{
    float: right;
    max-width: 720px;
    width: 100%;
    padding:0 6%;   
    
}

.product_read .read_top h1{
    font-size: 2.4rem;
    padding: 4% 0;
    margin-bottom: 3%;
    background: url(../images/pro_icon.jpg) no-repeat left bottom;
}

.product_read .read_top .sum{
    line-height: 24px;
    color: #666666;
}
.read_use{
    margin-top: 4%;
    padding-top: 2%;
    border-top: 1px solid #ccc;
}
.read_use h3{
    font-size: 1.8rem;
    padding: 2% 0;
}


.read_use ul{
    margin:0 -15px;
}
.read_use li{
    padding:0 15px;
    margin-bottom: 3%;
}
.read_use .img{
    background-color: #000;
}

.read_use li h4{
    text-align: center;
    background-color: #e6e6e6;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 42px;
}

.quality{
    padding: 4% 0;
}

.quality_list h2{
    font-size: 2rem;
    padding: 1% 0;
    background: url(../images/pro_tit_icon.jpg) no-repeat left bottom;
}

.quality_list .sum{
    line-height: 24px;
    padding: 1.4% 0;
    color: #666666;
}

.quality_list{
    border-bottom: 1px solid #ccc;
    padding: 2% 0;
}

.about_com img{
    max-width: 100%;
    width: auto;
    height: auto;
    
}

.about_list{
    padding-top: 6%;
}

.about_list .img{
    text-align: center; 
}
.about_list .img img{
    display: inline-block;
}

.about_list .num{
    text-align: center;
    padding: 4% 0 2% 0;
}
.about_list .num i{
    font-size: 3rem;
    font-style: normal;
}
.about_list h2{
    text-align: center;
    color: #169395;
    font-size: 1.6rem;
}

.culture{
    margin: 4% 0;
}


.honor{
    display: flex;
    margin: 3% -15px;
    padding: 3% 0;
   
}

.honor .honor_list{
    width: 33.33%;
    padding:0 15px;
}
.honor .title h2{
    font-size: 1.8rem;
    margin-bottom: 6%;
}

.honor .owl_box{
    padding: 8% 18%;
    background-color: #f2f2f2;
}
.honor .owl_box img{
    max-width: 100%;
}
/*.honor .ul1 a{
    display: block;
    text-align: right;
    
}


.honor_img{
    text-align: center;
    
}
.honor_img img{
    display: inline-block;
}
.honor .ul1,
.honor .ul2{
    padding: 4% 0;
}



.honor .ul1 h2,
.honor .ul2 h2{
    color: #666666;
    font-size: 1.4rem;
}

.honor .ul1 li,
.honor .ul2 li{
    margin: 10% 0;
}

.honor_list{
    width: 86%;
    margin: 2% auto;
}*/
.partner ul{
    padding: 4% 0;
}
.partner ul{
    margin:0 -15px;
}
.partner ul li{
    padding:0 15px;
}
.partner ul li a{
    display: block;
    box-shadow:  0 0 10px #ccc;
}

.join li a h1{
    font-size: 2.4rem;
    padding-left: 50px;
    line-height: 40px;
    background: url(../images/join_icon.png) no-repeat left center;
}


.join{
    padding-top: 4%;
    margin-bottom: 3%;
}
.join ul{
    margin:0 -15px;
    height: 100%;
}

.join li{
    height: 100%;
    padding:0 15px;
    margin: 2% 0;
    cursor: pointer;
    
}
.join li .join_box1{
    display: block;
    background-color: #f2f2f2;
    padding: 8%;
}

.join li .sum{
    font-size: 1.4rem;
    color: #999999;
    padding: 3% 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    
    white-space: nowrap;
}

.join li .desc{
    line-height: 24px;
}
.join .join_more{
    overflow: hidden;
    margin: 4% 0;
}
.join .join_more span{
    display: inline-block;
    color: #169395;
    float: left;
    line-height: 40px;
    float: left;
    padding-right: 30px;
    background: url(../images/join_icon1.png) no-repeat right center;
}

.join .join_more div{
    display: inline-block;
    float: right;
    
    width: 110px;
    line-height: 40px;
    text-align: center;
    background-color: #333;
    color: #fff;
    transition: all ease-in-out 0.3s;
}
.join a:hover .join_more div{
    background-color: #169395;
}

.join_box2{
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
    z-index: 9999;
}

.join_box2 .box{
    width:1410px;
    padding:60px 240px;
    position: absolute;
    left: 50%;
    top: 10%;
    margin-left: -705px;
    background-color: #fff;

}

.join_box2 h1{
    text-align: center;
    padding-bottom: 4%;
    border-bottom: 1px solid #ccc;
}

.join_box2 .desc2{
    padding: 2% 0;
    line-height: 30px;
}
.join_box2 .provide{
    line-height: 30px;

}

.join_box2 h2{
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 3%;
    padding-bottom: 1%;
}



.join_box2 .add h2{
    overflow: hidden;
    line-height: 40px;
}
.join_box2 .mail{
    display: block;
    float: right;
    
    width: 150px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #169395;;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
   
}

.join_box2 .add_info{
    overflow: hidden;
    padding-bottom: 2%;
    border-bottom: 1px solid #ccc;
}

.join_box2 .add_info p{
    display: inline-block;
    
}

.join_box2 .add_info a{
    float: right;
    display: inline-block;
}

.join_box2 .hide{
    position: absolute;
    right: 110px;
    top: 40px;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: url(../images/join_icon2.png) no-repeat center;


}
.join li:hover .join_box1 h1{
    color: #169395;
}


/*news*/
#news{
    margin-bottom: 3%;
}
#news li{
    width: 100%;
    margin-bottom: 15px;
}
#news li a{
    display: block;
    box-shadow: none;
}
#news li a:active{
    box-shadow: 0 0 5px 0 #ffa39e;
}
#news li img{
    display: block;
    width: 100%;
}
#news .text{
    background: #f2f2f2;
    padding: 15px 10px 15px 10px;
}
#news li h1{
    font-size: 16px;
    color: #333;
    line-height: 18px;
    margin-bottom: 15px;
    font-weight: bold;
    width: 100%;
    overflow: hidden;text-overflow: ellipsis;
    white-space: nowrap;

}
#news li p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
#news li span{
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 12px;
    margin-top: 10px;
}

.sec-nav3 ul {
    text-align: center;
    margin: 3% 0;
}
.sec-nav3 ul li{
    display: inline-block;
}
.sec-nav3 li a {
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 30px;
    /* background-color: #747981; */
    margin: 0 10px;
    padding: 0 30px;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    transition: all ease-in-out 0.5s;
}
.sec-nav3 li a.active,
.sec-nav3 li a:hover {
    background-color: #169395;
    color: #fff;
}


@media (min-width: 768px){
   
    #news li{
        width: 50%;
        float: left;
        padding: 0 15px;
    }
    #news a{
        position: relative;
        top:0;
        background: #000;
    }
    #news a img{
        opacity: 1;
    }
    #news a:hover{
        top: -3px;
    }
    #news a:hover img{
        opacity: 0.7;
    }
}
@media (min-width: 992px){
    /*news*/
    #news li{
        width: 33.33%;
        padding: 0 15px;
        margin-bottom: 16px;
    }
    #news .text{
        padding: 20px 20px;
    }
}
/*news end*/

/*show start*/
#show{
    margin-top: 30px;
    margin-bottom: 80px;
}
#show .hot{
    display: none;
}
#show .article .head h1{
    font-size: 16px;
    /*font-weight: bold;*/
    line-height: 22px;
    color: #333;
    text-align: center;
    margin-bottom: 8px;
}
#show .article .head p{
    font-size: 12px;
    font-weight: 100;
    color: #999;
    line-height: 24px;
    text-align: center;
    margin-bottom: 15px;
}
#show .article .des{
    margin-bottom: 20px;
    border: 1px solid #ddd;
    background: #f7f7f7;
    padding: 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}
#show .article .cont p{
    font-size: 14px;
    color: #333;
    line-height: 24px;
    margin-bottom: 10px;
}
#show .article .cont img{
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px){
    #show {
        margin-top: 50px;
        margin-bottom: 0;
    }
    #show .article{
       /* width: 67%;
        float: left;*/
    }
    #show .article .head h1{
        font-size: 3rem;
        /*font-weight: bold;*/
        line-height: 28px;
        color: #333;
        /*text-align: left;*/
        margin-bottom: 8px;
    }
    #show .article .head p{
        font-size: 14px;
        font-weight: 100;
        color: #999;
        line-height: 24px;
        /*text-align: left;*/
        /*margin-bottom: 15px;*/
        margin: 2% 0;
    }
    #show .hot{
        display: block;
        float: right;
        width: 27%;
        min-height: 500px;
    }
    #show .hot .title{
        font-size: 20px;
        font-weight: bold;
        color: #333;
        padding-left: 13px;
        border-left: #da251c 3px solid;
        line-height: 22px;
        margin-bottom: 50px;
    }
    #show .hot li{
        border-bottom: 1px dotted #ccc;
        margin-bottom: 30px;
    }
    #show .hot li a{
        display: block;
    }
    #show .hot h1{

        font-weight: bold;
        font-size: 16px;
        color: #333;
        line-height: 18px;
        margin-bottom: 10px;
    }
    #show .hot .summary{
        font-size: 14px;
        color: #888;
        line-height: 24px;
        margin-bottom: 20px;
    }
    #show .hot .time{
        font-size: 12px;
        color: #999;
        line-height: 12px;
        margin-bottom: 15px;
    }
    #show .hot li a:hover h1{
        color: #9b3325;
    }
}
 #show .cont{
    line-height: 24px;
    padding: 3% 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 1.4rem;
 }
 #show .cont p,
 #show .cont span{
    font-size: 1.4rem;
    line-height: 24px;
 }
 #pageSwitch{
    padding: 2% 0;
 }
 #pageSwitch p{
    padding: 0.5% 0;
 }
/*show end*/


.contact{
    margin-top: 4%;
    background-color: #f2f2f2;
}

.contact .info_con{
    padding: 50px 90px;
}

.contact .info_con .title h1{
    font-size: 2.4rem;
    color: #169395;
}

.contact .info_con .title h2{
    font-size: 1.4rem;
    color: #ccc;
    line-height: 30px;
}

.contact .info_con  .con_list{
    padding: 2% 0;

}
.contact .con_list{
    overflow: hidden;
    
}
.contact .con_list ul{
    max-width: 450px;
    width: 100%;

}
.contact .con_list li{
    line-height: 30px;
    margin-top: 10px;
    padding-left: 26px;
    border-bottom: 1px solid #ccc;
}

.contact .con_list .c1{
    background: url(../images/c1.png) no-repeat left center;
}
.contact .con_list .c2{
    background: url(../images/c2.png) no-repeat left center;
}
.contact .con_list .c3{
    background: url(../images/c3.png) no-repeat left center;
}
.contact .con_list .c4{
    background: url(../images/c4.png) no-repeat left center;
}
.contact .con_list .c5{
    background: url(../images/c5.png) no-repeat left center;
}
.contact .con_list .c6{
    background: url(../images/c6.png) no-repeat left center;
}


#map img{
    width: auto;
    max-width: none;
}









.form-box{
    background-color: #f2f2f2;
    margin: 1% 0;
    padding:50px 90px;
}
.left-box h1{
    font-size: 2.4rem;
    font-weight: bold;
    color: #169395;
}
.left-box .en{
    text-transform: uppercase;
    
}
.form-input{
    margin-top: 3%;
}

.form-input p{
    width: 33.33%;
    float: left;
    
}
.form-input input{
    border: none;
    background: none;
    width: 100%;
    max-width: 210px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
}

#text textarea{
    border: none;
    background: none;
    width: 100%;
    outline-style: none;
    resize:none;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
}

.sub-bo{
    width: 210px;
    line-height: 56px;
    text-align: center;
    border:none;
    color: #fff;
    margin: 3% auto;
    background-color: #169395;
}


#swiper_ban {

    width: 48%;
    float: left;


}

#swiper_ban #gallery {
    width: 100%;
    margin-left: 0;
    margin-bottom: 4%;
    border-radius: 6px;
    border: 1px solid #169395;
}
#swiper_ban .swiper-slide{
    padding: 4% 0;
    height: auto;
    display: inline-flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
#swiper_ban .swiper-slide img{
    margin: 0 auto;

}

#swiper_ban #thumbs img{
    width: 100%;

}

.news_mor a{
    display: block;
    text-align: center;
    color: #169395;
    font-size: 1.8rem;
    padding: 2% 0;
    background: #fff !important;
}
.news_mor a:hover{
    top: 0 !important;
}